.fullWidth {
  width: 100%;
}

.fullHeight {
  height: 100%;
}

.topArea {
  height: 350px;
}

.topImg {
  composes: fullWidth;
  composes: fullHeight;
}

.basicArea {
  composes: fullWidth;
  padding: 20px;
  background: #fff;
}

.mainArea {
  margin: 20px;
}

.mainBox {
  composes: fullWidth;
  padding: 20px;
  margin: 10px 0;
  background: #fff;
}

.gridItem {
  composes: fullWidth;
  padding: 10px 0;
  text-align: center;
}

.avatarImg {
  width: 200px;
  height: 150px;
}
